<template>
  <section class="w-full bg-gray-50/70 rounded-2xl py-8">
    <div class="px-4 lg:px-6">
      <SectionTitle title="热门分类" :more="false" />
    </div>
    <div class="mt-4 px-4 lg:px-6 grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-6 gap-3">
      <CategoryChip v-for="category in categories" :key="category.id" :label="category.name" />
    </div>
  </section>
</template>

<script setup lang="ts">
import SectionTitle from './SectionTitle.vue'
import CategoryChip from './CategoryChip.vue'
import { CATEGORIES } from '@/config/categories'

// 排除"全部"分类，只显示具体分类
const categories = CATEGORIES.filter(cat => cat.id !== 'all')
</script>


